.head .navbar{
    background: rgba(255,255,255,0);
    /* background:rgba(40, 47, 66, .3); */
    border-color:rgba(255,255,255,0);
    padding-top: 30px;
    /* display: none; */
  }
  .head .navbar .navbar-collapse ul{
    background: rgba(255,255,255,0) !important;
  }
  .head .navbar .navbar-collapse ul li>a{
    color:#fff;
    font-size:1.6rem;
    /*font-weight:bold;*/
  }
  .sectionOne .fp-tableCell{
    vertical-align: top;
  }
  .videos,.mobileImg{
    height: 100vh;
    overflow: hidden;

  }
  .videos video{
    height: 100vh;
    width: auto;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    overflow: hidden;
    position: absolute;
  }
  .mobileImg img{
    height: 100vh;
  }
  .mobileImg .text{
    position: absolute;
    left: 0;
    top: 35vh;
    color: #fff;
    font-size: 30px;
    text-align: center;
    width: 100%;
  }
  .banner{
    height:calc(100vh - 85px);
  }
  .banner .fp-tableCell{
      vertical-align: top;
  }
  .carousel .item {
      height:calc(100vh - 85px);
      background-color: #000;
  }
  .carousel .item0 {
      background: url(../img/index/banner_0.jpg) no-repeat;
      background-size: cover;
      background-position: center 100%;
  }
  .carousel .item1 {
      background: url(../img/index/banner1.png) no-repeat ;
      background-size: cover;
      background-position: center 100%;
  }
  .carousel .item2 {
      background: url(../img/index/banner2.png) no-repeat;
      background-size: cover;
      background-position: center 100%;
  }

  .carousel .item4 {
      background: url(../img/banner4.jpg) no-repeat;
      background-size: cover;
    background-position: center 100%;
  }
  

  
  .ctrls{
      position: relative;
  }
  .ctrls .carousel-indicators{
      z-index: 100;
  }
  .ctrls .carousel .carousel-caption{
      position: absolute;
      bottom: 0;
      left: 0;
      right: auto;
      padding: 0;
      padding-bottom: 8px;
  }
  .ctrls .carousel-indicators li{
      width: 10px;
      height: 10px;
      border: none;
      margin:0 5px;
      box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.4);
      background-color: rgba(255,255,255,0.6);
  }
  .ctrls .carousel-indicators .active{
      width: 30px;
      height: 10px;
      border: none;
      margin:0 5px;
      background: white;
      transition: .3s linear;
    -webkit-transition: .3s linear;
    -o-transition: .3s linear;
    -moz-transition: .3s linear;
  }

  /* 数字引擎 */
  .section-content{
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin-top: 50px;
  }
  .section-title{
      font-size: 3.8rem;
      color: #323232;
      font-weight: bold;
      text-align: center;
      margin-top: 30px;
  }
  .section-subtitle{
    color:#999999;
    font-size: 2rem;
    font-weight: 400;
    text-align: center;
    margin-top: 2rem;
  }
  .section-option{
    width: 19%;
    height: 85px;
    /* line-height: 100px; */
    border-radius: 0 30px 0 0;  
    border: 1px solid rgba(230, 230, 230, 0.88);
    font-size: 2rem;
    color: #333333;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  .section-option .seciton-optinon-img{
      width: 40px;
      height: 40px;
      float: left;
      background: url(../img/index/yqy.png)  no-repeat;
      background-size: contain;
      -moz-background-size: contain;
      -webkit-background-size: contain;
  }
  .section-content .yqy{
    background: url(../img//index/yqy.png) no-repeat;
    /* background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover; */
    background-size: contain;
      -moz-background-size: contain;
      -webkit-background-size: contain;
  }
  .section-content .eip{
    background: url(../img/index/eip.png)  no-repeat;
    background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
  }
  .section-content .ai{
    background: url(../img/index/jszt.png)  no-repeat;
    background-size: contain;
      -moz-background-size: contain;
      -webkit-background-size: contain;
  }
  .section-content  .rc{
    background: url(../img/index/rc.png)  no-repeat;
    background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
  }
  .section-content .zhcs{
    background: url(../img/index/zhcs.png)  no-repeat;
    background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
  }


  .section-option p{
      margin: 0;
      padding: 0;
      color:#333;
      font-size: 15px;
      margin-left: 20px;
  }
  .section-img{
      margin-top: 15px;
      height:  calc(100vh - 200px - 7.8rem);
      //background: url(../img/index/section-img-yqy.png) no-repeat ;
      //background-size: 100% !important;
      -moz-background-size: cover;
      -webkit-background-size: cover;
      background-position: center 100%;
    }
.section-img>a{
  display:block;
  height:100%;
  overflow:hidden;
}
.section-img>a img{
  width:100%;
}
  .section-img-title{
      font-size: 5rem;
      color: #fff;
      margin-top: 10%;
  }
  .section-img-subtitle{
    font-size: 4rem;
    color: #fff;
    margin-top: 5%;
  }

  .section-content .active{
    background: linear-gradient(90deg, #1E72C8, #4A9EDA);
    color: #fff;
  }
  .section-content .active a p{
    color: #fff;
  }
  .section-content .active .yqy{
    background: url(../img/index/yqy-active.png)  no-repeat;
    background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
  }
  .section-content .active .eip{
    background: url(../img/index/eip-active.png)  no-repeat;
    background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
  }
  .section-content .active .ai{
    background: url(../img/index/jszt-active.png) no-repeat;
    background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
  }
  .section-content .active .rc{
    background: url(../img/index/rc-active.png) no-repeat;
    background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
  }
  .section-content .active .zhcs{
    background: url(../img/index/zhcs-active.png) no-repeat;
    background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
  }


  /* 数字化解决方案 */
  .section-page{
   margin-top: 60px;
  }
  .section-page ul li{
    width: 10%;
    overflow: hidden;
    float: left;
    background-color: #000;
    position: relative;
    height: calc(100vh - 200px);
  }
  .section-page ul li b.b1 {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    }
.section-page ul li b.b2 {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: rgba(0,0,0,0.6);
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -o-transition: .3s linear;
    -moz-transition: .3s linear;
}
.section-page ul li .page3c_c {
    width: 100px;
    height: 70%;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    top: 12%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    transition: .3s linear;
    -webkit-transition: .3s linear;
    -o-transition: .3s linear;
    -moz-transition: .3s linear;
}
.section-page ul li .page3c_c span.sp1 {
    width: 20px;
    display: block;
    overflow: hidden;
    margin: 0px auto;
    padding: 0px;
    color: #fff;
    font-size: 20px;
    line-height: 25px;
    margin-top: 30px;
}
.section-page ul li .page3c_c span.sp2 {
    display: block;
    width: 210px;
    overflow: hidden;
    margin-top: 115px;
    margin-left: -56px;
    line-height: 12px;
    font-family: Arial;
    color: #bcbcbc;
    font-size: 12px;
    text-transform: uppercase;
    word-break: break-all;
    transform:rotate(90deg);
}
.section-page ul li .page3c_c span.sp3 {
    width: 30px;
    height: 30px;
    display: block;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom: 30px;
}
.section-page ul li .page3c_c span.sp3 b {
    width: 30px;
    height: 30px;
    display: block;
    border-radius: 50%;
    border: 1px solid #1995ee;
    background: url(../img/index/n_01.png) center no-repeat;
    background-size: 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.section-page ul li.on .page3c_c span.sp3 b {
    background: url(../img/index/top_02.png) center no-repeat #fff;
    background-size: 5px;
    border: 1px solid #fff;
}
.section-page ul li.on {
    width: 60%;
    position: relative;
    z-index: 990;
    -moz-box-shadow: 0px 0px 21px rgba(0,0,0,0.85);
    -webkit-box-shadow: 0px 0px 21px rgba(0,0,0,0.85);
    box-shadow: 0px 0px 21px rgba(0,0,0,0.85);
}
.section-page ul li.on b.b1 {
    border-radius: 0px 30px 0px 0px;
}
.section-page ul li.on b.b2 {
    opacity: 0;
}
.section-page ul li.on .page3c_c {
    margin-left: 0px;
    left: 60px;
    background: url(../img/index/p3_02.jpg) center no-repeat;
    background-size: cover;
    border-radius: 0px 30px 0px 0px;
    -moz-box-shadow: 0px 0px 21px rgba(0,0,0,0.05);
    -webkit-box-shadow: 0px 0px 21px rgba(0,0,0,0.05);
    box-shadow: 0px 0px 21px rgba(0,0,0,0.05);
}
.section-page ul li.on .page3c_c span.sp2 {
    color: #a8c1f9;
}
/* 新闻中心样式 */

.index-info-content{
    display: flex;
    justify-content: space-between;
    margin-top: 55px;
}
.index-info-content .index-info-option{
    width: 31.5%;
}

.index-info-content .index-info-img{
    width: 100%;
    // height: 326px;
    max-height: calc(100vh - 350px);
    border-radius: 0 10% 0 0;
    overflow: hidden;
}
.index-info-content .index-info-img>img{
  width: 100%;
  height:250px;
  border-radius: 0 10% 0 0;
}

.index-info-content .index-info-txt {
    display: block;
    padding:30px;
    border: 1px solid rgba(231, 231, 231, 0.88);
}
.index-info-content .index-info-title{
   font-size: 16px;
   line-height: 26px;
    width:100%;
   font-weight: bold;
   overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.index-info-content .index-info-title a{
    display:block;
    color: #333333;
}

.index-info-content .index-info-title:hover a{
    color: #1E72C8 !important;
    transition: all 0.5s;
}
.index-info-content .index-info-subtitle {
    color: #666;
    font-size: 16px;
    line-height: 26px;
    height: 52px;
    width:100%;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
 }
 .index-info-href{
  margin-top: 20px;
    width: 32px;
    height: 32px;
    border: 1px solid #1981F5;
    border-radius: 50%;
  }
  .index-info-href>a{
    display: block;
    width: 30px;
    height: 30px;
    background: url("../img/index/n_01.png") no-repeat center;
    background-size: 5px;
  }
  .index-info-href:hover{
    background: #1981F5;
    transition: all 0.5s;
  }
  .index-info-href:hover a{
    background: url("../img/news/toRightOn.png") no-repeat center;
    background-size: 5px;
    transition: all 0.5s;
  }
 .index-info-more{
     text-align: center;
     display: flex;
     justify-content: center;
     margin-top: 30px;
 }
 .index-info-more a{
    display: block;
    width: 113px;
    height: 33px;
    background: #FFFFFF;
    border: 1px solid #1E72C8;
    border-radius: 17px;
    line-height: 33px;
    text-align: center;
    font-size: 14px;
    color: #1E72C8;
 }
 .index-info-more a:hover {
  color:#fff;
  background: #1E72C8;
  transition: all 0.5s;
}
.last .fp-tableCell {
  vertical-align: bottom;
}
 /* 证书 */
 .certificate{
    /* margin-top: 95px; */
    width: 100%;
    height: 180px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 5%;
    background: linear-gradient(90deg, #1E72C8, #4A9EDA);
    align-items: center;
 }
 .certificate-option{
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     align-items: center;
     font-size: 16px;
     color: #fff;
     font-weight: 400;
     line-height: 26px;
     width: 180px;
     text-align: center;
 }
 .certificate-option p{
   margin-top: 20px;
}

.video-mask{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background-color: rgba(0,0,0,.1);
}
#fp-nav ul li a span, .fp-slidesNav ul li a span{
  height: 12px;
  width: 12px;
  background: #ffffff42;
  border: 2px solid #6cacff;
  margin: -6px 0 0px -6px;
}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span{
  width: 18px;
  height: 18px;
  margin: -9px 0px 0px -9px;
  background: #6cacff;
}
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span{
  border: 2px solid #6cacff;
  background: #6cacff;
}
#fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{
  width: 18px;
  height: 18px;
  margin: -9px 0px 0px -9px;
  background: #6cacff;
}
#fp-nav ul li, .fp-slidesNav ul li{
  margin:12px;
}
.box #roll, .box1 #roll1 {
    width: 100% !important;
    height: 255px;
    overflow: hidden;
}
.newsDetail{
margin-top: 0;
width:100%;
}
.newsDetail img{
width:100%;
}
.controlCricles{
  margin-top:15px;
  text-align: center;
}
.controlCricles>a{
  display: inline-block;
  margin:5px;
  width: 32px;
  height: 32px;
  background: #FFFFFF;
  color:#FFA64B;
  border: 1px solid #1981F5;
  border-radius: 50%;
  cursor: pointer;
}
.controlCricles>a .glyphicon{
  display:block;
  width: 30px;
  height: 28px;
  background: url(../img/index/n_01.png) center no-repeat;
  background-size: 5px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.controlCricles>a.left{
  transform: rotate(180deg);
}
.controlCricles>a:hover{
  background: #3C87DD;
  border: 1px solid #1981F5;
  color:#fff;
  transition: 0.3s all;
}
.controlCricles>a:hover .glyphicon{
  background:url(../img/news/toRightOn.png) center no-repeat;
}
  @media (min-width: 768px){
      .ctrls .carousel-indicators{
      bottom: 15px;
      }
  }
  @media (max-width: 767px){
      .video-mask{
          background-color: rgba(0,0,0,0);
      }
      .head .navbar{
          padding-top:0;
      }
      .head .navbar-header .logo{
          height: 36px;
      }
      .ctrls .carousel-indicators li{
          width: 20px;
          margin:0 5px;
      }
      .ctrls .carousel-indicators .active{
          width: 40px;
      }
      .section-title{
          padding: 0 5%;
          font-size:2.2rem;
          line-height: 30px;
      }
      .section-subtitle{
          padding: 0 10%;
          font-size: 1.5rem;
          line-height: 20px;
          margin-top: 1rem;
      }
      .section-option{
          padding: 10px;
          height: 115px;
          margin-bottom:15px;
          width: 49%;
      }
      .section-page ul li .page3c_c span.sp3{
         display:none;
      }
      .section-page ul li{
background-color: #F7F8FA;
          height: 115px;
          margin-bottom:15px;
          width: 49% !important;
     }
.section-page ul li.on .page3c_c span.sp2{
color:#fff;
}
.section-page ul li .b1{
         background: none !important;
border-radius: 0 30px 0 0;
    border: 1px solid rgba(230, 230, 230, 0.88);
    font-size: 2rem;
    color: #333333;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
     }
.section-page ul li b.b1{
display:none;

}
.section-page ul li.on{
cursor: pointer;
box-shadow: 0px 0px 0px rgba(0,0,0,0);
}
.section-page ul li b.b2{
background-color:#F7F8FA;
display:none
}
.section-page ul{
              display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
margin: 0 5%;
    margin-top: 50px;

     }
      .section-option.smartOption{
          margin-bottom:0;
          width: 100%;
      }
      .section-page ul li .page3c_c{
          height: 100%;
margin-left: 0px;
transition: 0s;
width:100%;
position:static;
border-radius: 0px 30px 0px 0px;
border: 1px solid rgba(230, 230, 230, 0.88);     
}
.section-page ul li.on .page3c_c span.sp1{
 color:#fff;
}
.section-page ul li .page3c_c span.sp1{
width:auto;
margin-left:0px;
color:#333;
position: relative;
}
.section-page ul li .page3c_c span.sp2{
transform: rotate(0deg);
width:auto;
color:#333;
margin-top:20px;
margin-left:0px;
}
.section-page ul li:last-child{
    width: 100% !important;
}
.section-page ul li .page3c_c a{
text-align:center}
      .certificate{
         margin-top: 15px;
         background: none;
         justify-content: left;
      }
      .certificate-option{
          width:33.3%;
          margin-bottom:10px;
          padding: 15px;
          border-radius: 0 10% 0 0;
          border: 1px solid #fff;
          background: linear-gradient(90deg, #1E72C8, #4A9EDA);
      }
      .certificate-option img{
         height:40px;
         max-width: 85%;
      }
      .certificate-option p{
         margin-top: 10px;
         display: -webkit-box;
         -webkit-box-orient: vertical;
         -webkit-line-clamp: 1;
         overflow: hidden;
      }
      .index-info-content{
         margin-top: 30px;
      }
      .index-info-content .index-info-txt{
         padding: 15px;
      }

  }
  .head{
 position:absolute;
}

.icon_com{
	background:url(../img/index/icon_01.png) no-repeat center center;
	height: 21px;
	margin-bottom: 5px;
}
.icon_02{background:url(../img/index/icon_02.png) no-repeat center center;}
.icon_03{background:url(../img/index/icon_03.png) no-repeat center center;}
.icon_04{background:url(../img/index/icon_04.png) no-repeat center center;}
.icon_05{background:url(../img/index/icon_05.png) no-repeat center center;}
.icon_06{background:url(../img/index/icon_06.png) no-repeat center center;}
.icon_07{background:url(../img/index/icon_07.png) no-repeat center center;}
.icon_08{background:url(../img/index/icon_08.png) no-repeat center center;}
.section-option.active .icon_01{background: url(../img/index/icon_01active.png) no-repeat center center;}
.section-option.active .icon_02{background: url(../img/index/icon_02active.png) no-repeat center center;}
.section-option.active .icon_03{background: url(../img/index/icon_03active.png) no-repeat center center;}
.section-option.active .icon_04{background: url(../img/index/icon_04active.png) no-repeat center center;}
.section-option.active .icon_05{background: url(../img/index/icon_05active.png) no-repeat center center;}
.section-option.active .icon_06{background: url(../img/index/icon_06active.png) no-repeat center center;}
.section-option.active .icon_07{background: url(../img/index/icon_07active.png) no-repeat center center;}
.section-option.active .icon_08{background: url(../img/index/icon_08active.png) no-repeat center center;}